<?php  

    include 'userRegistrarHTMLPrevio.php';

    RenderUtil::mostrarCabeceraUser(1);
?>   

<?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'error')){ 
    echo '<span class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('error') .'</span>';
}?>

<form name="formRegistrarReservaPaso1" id="formRegistrarReservaPaso1" method="post" action="" >
    <div>
        <div>
            <table align="center" cellspacing="5" style="float: left;" >
<!--                <thead>
                    <tr>
                        <th colspan="2">Formulario</th>
                    </tr>
                </thead>-->
                <tbody>
                    <tr>
                        <td class="etiquetaForm">
                            &iquest;Con qui&eacute;n se atender&aacute;? <span class="campoObligatorio">*</span>
                        </td>
                        <td>
                            <script>
                                function cargar(item) {
                                    var el = document.getElementById('montoConsultaSelector');
                                    var valor = el.options[item.selectedIndex].value;
                                    var texto="";
                                    if(valor=='-'){
                                        texto = "El precio de la cita se basar\u00E1 en su elecci\u00F3n";
                                    }else{
                                        texto = "El costo de la cita es de S/."+el.options[item.selectedIndex].getAttribute("title")+" inc. IGV";
                                    }
                                    $( "#montoConsulta" ).text( texto );
                                 }
                                 
                                 function desactivaError(item){
                                    $("#error_"+item.name).hide("slow");//css('display','none');
                                 }
                                 
                            </script>
                            <select name="cbxMedico" id="montoConsultaSelector" onchange="cargar(this)" onfocus="desactivaError(this)">
                                <option value="-" >Seleccionar</option>
                                <?php $userRegistrarDatosReservaController->obtenerListadoMedicosOption("cbxMedico"); ?>
                            </select>
                            <br>
                            <span id="montoConsulta" class="textAyuda">El precio de la cita se basar&aacute; en su elecci&oacute;n</span>
                            
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'cbxMedico')){ 
                                echo '<span id="error_cbxMedico" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('cbxMedico') .'</span>';
                            }?>
                        </td>
                    </tr>
                    <tr>
                        <td class="etiquetaForm">
                            Su nombre: <span class="campoObligatorio">*</span>
                        </td>
                        <td>
                            <input name="txtNombre" type="text" value="<?php echo RenderUtil::getValue('txtNombre')?>" style="width: 200px;" onfocus="desactivaError(this)">
                            <br>
                            <span class="textAyuda">Nombre completo y apellidos</span>
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'txtNombre')){ 
                                echo '<span id="error_txtNombre" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('txtNombre') .'</span>';
                            }?>
                        </td>
                    </tr>
                    <tr>
                        <td class="etiquetaForm">
                            Su DNI/CE: <span class="campoObligatorio">*</span>
                        </td>
                        <td>
                            <input name="txtDni" type="text" value="<?php echo RenderUtil::getValue('txtDni')?>" style="width: 200px;" onfocus="desactivaError(this)" maxlength="11">
                            <br>
                            <span class="textAyuda">N&uacute;mero de documento de identidad</span>
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'txtDni')){ 
                                echo '<span id="error_txtDni" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('txtDni') .'</span>';
                            }?>
                        </td>
                    </tr>
                    <tr>
                        <td class="etiquetaForm">
                            Fecha: <span class="campoObligatorio">*</span>
                        </td>
                        <td>
                            <script>
                                $(function() {    
                                        $( "#datepickerReserva" ).datepicker({ 
                                            beforeShowDay: $.datepicker.noWeekends, 
                                            minDate: 0, 
                                            maxDate: "+6m",
                                            dateFormat: 'dd/mm/yy',
                                            monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio', 'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                                            dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
                                            prevText: '<Ant',
                                            nextText: 'Sig>',
                                            firstDay: 1 
                                        });
                                });
                                
                            </script>
                            <input type="text" id="datepickerReserva" name="txtFecha" value="<?php echo RenderUtil::getValue('txtFecha')?>" style="width: 200px;" onfocus="desactivaError(this)">
                            <br>
                            <span class="textAyuda">Seleccione una fecha disponible</span>
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'txtFecha')){ 
                                echo '<span id="error_txtFecha" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('txtFecha') .'</span>';
                            }?>
                        </td>
                    </tr>
                    <tr>
                        <td class="etiquetaForm">
                            Hora: <span class="campoObligatorio">*</span>
                        </td>
                        <td>
                            <select name="cbxHorario" onfocus="desactivaError(this)">
                                <option value="-" >Seleccionar</option>
                                <?php $userRegistrarDatosReservaController->obtenerListadoHorariosOption("cbxHorario"); ?>
                            </select>
                            <br>
                            <span class="textAyuda">Seleccione un horario disponible</span>
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'cbxHorario')){ 
                                echo '<span id="error_cbxHorario" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('cbxHorario') .'</span>';
                            }?>
                        </td>
                    </tr>
                    <tr>
                        <td class="etiquetaForm">
                            E-mail: <span class="campoObligatorio">*</span>
                        </td>
                        <td>
                            <input name="txtEmail" type="text" value="<?php echo RenderUtil::getValue('txtEmail')?>" style="width: 200px;" onfocus="desactivaError(this)">
                            <br>
                            <span class="textAyuda">A este correo llegar&aacute; una confirmaci&oacute;n de su cita</span>
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'txtEmail')){ 
                                echo '<span id="error_txtEmail" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('txtEmail') .'</span>';
                            }?>
                        </td>
                    </tr>
                    <tr>
                        <td class="etiquetaForm">
                            Tel&eacute;fono: <span class="campoObligatorio">*</span>
                        </td>
                        <td>
                            <input name="txtTelefono" type="text" value="<?php echo RenderUtil::getValue('txtTelefono')?>" style="width: 200px;" onfocus="desactivaError(this)">
                            <br>
                            <span class="textAyuda">Puede ser usado para confirmar</span>
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'txtTelefono')){ 
                                echo '<span id="error_txtTelefono" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('txtTelefono') .'</span>';
                            }?>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: left;">
                            Raz&oacute;n para su consulta / Comentario: <span class="campoObligatorio">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <textarea id="txtaRazon"  cols="35" rows="2" name="txtaRazon" onfocus="desactivaError(this)"><?php echo RenderUtil::getValue('txtaRazon')?></textarea>
                            <?php if(ValidadorUtil::verificarError($userRegistrarDatosReservaController->obtenerMensajes(),'txtaRazon')){ 
                                echo '<span id="error_txtaRazon" class="errorFormRegistro"><img src="'.SISRES_URL_USER_CSS.'/images/warning.png" width="10" height="10" />'. $userRegistrarDatosReservaController->obtenerMensajes()->get_error_message('txtaRazon') .'</span>';
                            }?>
                        </td>
                    </tr>
                    
                    <tr>
                        <td>
                        </td>
                        <td>
                            <input id= "btnGuardarFicha" type="submit" value="Siguiente paso " name="guardarFicha" class="button" style="float: right;" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</form>

</div>                  <!--Se debe cerrar el div que proviene de codigo extra al formulario-->